<style>
.elemtransitionsearch_table1 {
  width: 570px;

}
.elemtransitionsearch_td2 {
  width: 170px;
  text-align: right;
}
.elemtransitionsearch_td6 {
  padding: 8px 10px;
  width: 540px;
  border-right:solid 1px #c3d9ff;
  border-left:solid 1px #c3d9ff;
}
.elemtransitionsearch_td1 {
  background-color: #c3d9ff;
  width: 570px;
  font-weight: bold;
}
.elemtransitionsearch_td3 {
  width: 90px;
  height:27px;
}
.elemtransitionsearch_td4 {
  width: 450px;
}
.elemtransitionsearch_td5 {
  width: 33px;
  text-align: center;
}
.elemtransitionsearch_td7 {
  width: 20px;
  text-align: left;
  padding-top: 2px;
}
.elemtransitionsearch_td8 {
  width: 120px;
  text-align: left;
}
.elemtransitionsearch_td9 {
  height: 19px;
  padding: 3px 0 0 10px;
}
.elemtransitionsearch_inputText1 {
  width: 200px;
  height: 18px;
  border: solid 1px #7f9db9;
}
.elemtransitionsearch_inputText2 {
  width: 150px;
  height: 18px;
  border: solid 1px #7f9db9;
}
.elemtransitionsearch_inputText3 {
  width: 327px;
  height: 18px;
  border: solid 1px #7f9db9;
}
</style>


<div style="width:100%">
<table class="elemtransitionsearch_table1" cellPadding="0" cellSpacing="0">
  <tr>
    <td class="elemtransitionsearch_td1" colSpan=2>
      <div class="round4"></div>
      <div class="round2"></div>
      <div class="round1"></div>
      <div class="elemtransitionsearch_td9">Search Box</div>
    </td>
  </tr>
  <tr>
    <td class="elemtransitionsearch_td6">
      <table cellPadding="0" cellSpacing="0">
        <tr>
          <td class="elemtransitionsearch_td3">Customer No.</td>
          <td class="elemtransitionsearch_td4">
            <input class="elemtransitionsearch_inputText1" id="{{$template|escape:'html'}}_searchCustomerNo_text" />
          </td>
        </tr>
        <tr>
          <td class="elemtransitionsearch_td3">Task</td>
          <td class="elemtransitionsearch_td4">
            <input class="elemtransitionsearch_inputText3" id="{{$template|escape:'html'}}_searchTask_text" />
          </td>
        </tr>
        <tr>
          <td class="elemtransitionsearch_td3">Date From</td>
          <td class="elemtransitionsearch_td4">
            <table cellPadding="0" cellSpacing="0">
              <tr>
                <td>
                  <input class="elemtransitionsearch_inputText2" id="{{$template|escape:'html'}}_searchDateFrom_text" />
                </td>
                <td class="elemtransitionsearch_td5">To</td>
                <td class="">
                  <input class="elemtransitionsearch_inputText2" id="{{$template|escape:'html'}}_searchDateTo_text" />
                </td>
                <td class="elemtransitionsearch_td2">
                  <input type="button" class="button" value="Search" id="{{$template|escape:'html'}}_search_button" />
                </td>
              <tr>
            </table>
          </td>
        </tr>
      </table>
    </td>
  </tr>
  <tr>
    <td style="background-color: #c3d9ff">
      <div class="round_btm" ></div>
      <div class="round1"></div>
      <div class="round2"></div>
      <div class="round4"></div>
    </td>
  </tr>
</table>
</div>